<template>
    <div class="bg-white py-5 flex items-center justify-center text-sm text-gray-500 shadow-none">
        <!-- Copyright 版权信息 -->
        <span v-if="!isMobile">Copyright © 2024. All rights reserved. Provided by&nbsp; <a class="underline" href="https://www.thekitten.top" target="_blank">TheSummerKitten</a></span>
        <span v-else><a class="underline" href="https://www.thekitten.top" target="_blank">TheSummerKitten</a></span>
    </div>

</template>


<script setup>
import { ref } from 'vue'

const isMobile = ref(false)
let timeoutId = null
window.addEventListener('resize', () => {
  if (timeoutId) clearTimeout(timeoutId)
  timeoutId = setTimeout(() => {
    isMobile.value = window.innerWidth < 768
  }, 500) // adjust the delay time as needed
})
</script>

<style scoped>

</style>